<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <!-- 基础格式，包含 顶部导航和底部 -->
    <link rel="stylesheet" href="../css/base.css">
    
    <!-- index.css -->
    <link rel="stylesheet" href="../css/index.css">
   
    <!-- swiper -->
    <link rel="stylesheet" href="../../node_modules/swiper/swiper-bundle.min.css">
</head>
<body>

    <!-- 顶部导航 -->
    <div class="header container">
        wdnmd 首页    
    
        <p class="off active">
          亲，<a href="./login.html">请登录</a>
        </p>
        <p class="on">
          您好，<span>xxx</span>
          &nbsp;
          &nbsp;
          &nbsp;
          &nbsp;
          &nbsp;
          &nbsp;
          &nbsp;

          <a href="./self.html">个人中心</a>
          &nbsp;
          &nbsp;
          &nbsp;
          <button class="logout">注销登录</button>
        </p>
    </div>


    <!-- 加上搜索框 -->
    <div class="search-father">
        <div class="search">
            <input type="text" class="sInp">
            <button>wdnmd 一下</button>
            <ul></ul>
        </div>
    </div>

    <!-- 二级菜单 -->
    <div class="nav">
        <div class="img"><img src="https://cdn.bestseller.com.cn/assets/pc/BESTSELLER/images/logo.png" alt=""></div>
        <ul class="list">
          <!-- <li><span>首页</span></li>
          <li><span>全部商品</span></li>
          <li><span>折扣专区</span></li>
          <li><span>冬季新品</span></li>
          <li><span>外套</span></li>
          <li><span>连衣裙</span></li>
          <li><span>牛仔裤</span></li>
          <li><span>T恤</span></li>
          <li><span>会员中心</span></li>
          <li><span>加入我们</span></li>
          <li><span>家用电器</span></li>
          <li><span>家用电器</span></li>
          <li><span>家用电器</span></li> -->
        </ul>
        
        <div class="content">

            <!-- <div class="left">

                <ul class="cate_list">
                    <li>
                        <div class="name">
                            <span>分类名称</span>
                            <i>&gt;</i>
                        </div>
                        
                        <ol>
                            <li>内容</li>
                        </ol>
                    </li>
                </ul>

            </div> -->

        </div>


    </div>
    

    <!-- 跳转 -->
    <p class="goodLists">
        <a href="./list.html"><img src="https://www.bestseller.com.cn/index/images/banner_tab_211126.jpg"></a>
    </p>
    <p class="cart">
        <a href="./cart.html"><img src="https://www.bestseller.com.cn/index/images/hotSale_20210310_icon.jpg" alt=""></a>
    </p>


    <!-- swiper -->
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="./cart.html"><img src="https://www.bestseller.com.cn/index/images/hotSale_20211126_01.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="./cart.html"><img src="https://www.bestseller.com.cn/index/images/hotSale_20211126_02.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="./cart.html"><img src="https://www.bestseller.com.cn/index/images/hotSale_20211126_03.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="./cart.html"><img src="https://www.bestseller.com.cn/index/images/hotSale_20211126_04.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="./cart.html"><img src="https://www.bestseller.com.cn/index/images/hotSale_20211126_05.jpg" alt=""></a></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        
        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
    </div>
    <!-- 导航等组件可以放在Swiper容器之外 -->

    
    <!-- 底部列表 -->
    <div class="bottomList">
        <div class="up">
            <div><img src="https://www.bestseller.com.cn/index/images/jackjones.png" alt=""></div>
            <div><img src="https://www.bestseller.com.cn/index/images/only.png" alt=""></div>
            <div><img src="https://www.bestseller.com.cn/index/images/veromoda.png" alt=""></div>
            <div><img src="https://www.bestseller.com.cn/index/images/selected.png" alt=""></div>
        </div>

        <div class="down">
            <div class="man">
                <span>男装热门品类</span>
                <ul>
                    <li>T恤</li>
                    <li>二二</li>
                    <li>三三三</li>
                    <li>二二</li>
                    <li>二二</li>
                    <li>二二</li>
                    <li>三三三</li>
                    <li class="last">三三三</li>
                </ul>
            </div>

            <div class="woman">
                <span>女装热门品类</span>
                <ul>
                    <li>T恤</li>
                    <li>二二</li>
                    <li>三三三</li>
                    <li>二二</li>
                    <li>二二</li>
                    <li>二二</li>
                    <li>二二</li>
                    <li class="last">二二/三三三</li>
                </ul>
            </div>
        </div>
    </div>




    <!-- 引入数据 -->
    <script src="../js/server.js"></script>

    <!-- swiper.js -->
    <script src="../../node_modules/swiper/swiper-bundle.min.js"></script>

    <!-- index.js -->
    <script src="../js/index.js"></script>

    <!-- pAjax 封装在 utils -->
    <script src="../js/utils.js"></script>




</body>
</html>